@charset "UTF-8";
.swiper-container {
  //background-color: #000;
}

.swiper-slide {
  background-size: cover;
  background-position: center;
}

.swiper-wrapper {
  height: 400px;
  img {
    display: block;
    width: 64%;
    margin: 0 auto;
    max-height: 100%;
  }
}

.gallery-top {
  height: 65% !important;
  width: 100%;
}

.gallery-thumbs {
  height: 30% !important;
  margin-top: 5%;
  //background-color: #000;
  //border: 1px solid $border_color;
  box-sizing: border-box;
  padding: 10px 0;
  img {
    width: 150px;
    height: 160px;
    border: 4px solid $border_color;

  }
  .swiper-wrapper {
    //margin-left: calc(-50% + 134px);
  }
}

.gallery-thumbs .swiper-slide {
  width: 25%;
  height: 100%;
  opacity: 0.4;
}

.gallery-thumbs .swiper-slide-active {
  opacity: 1;
}
